/**********************************  常量样式 **********************************/


/* flex */
.flex {
	display: flex;
	align-items: center;
}

.flx-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flx-justify-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flx-align-center {
	display: flex;
	align-items: center;
}

/* clearfix */
.clearfix::after {
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	content: "";
}



/**********************************  常量样式 **********************************/
.ml-20 {
	margin-left: 20px;
}

.ml-52 {
	margin-left: 52px;
}

.mt-20 {
	margin-top: 20px;
}

.mr-30 {
	margin-right: 30px;
}

.table,
.table-box {
	display: flex;
	flex: 1;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.table .el-table .el-table__header th,
.table-box .el-table .el-table__header th {

	height: 45px;
	font-size: 14px;
	font-weight: 500;
	color: var(--el-text-color-primary);
	background: var(--el-fill-color-light);

}

.table-search {
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 18px 18px 0;
	background-color: var(--el-fill-color-blank);
	border: 1px solid var(--el-border-color-light);
	border-radius: 4px;
	box-shadow: 0 0 12px rgb(0 0 0 / 5%);

}

.table-search .btn-box {
	padding-bottom: 18px;
}

.table-pagination {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

.table .el-table {
	flex: 1
}

// * card 卡片样式
.card {
	box-sizing: border-box;
	padding: 20px;
	overflow-x: hidden;
	background-color: var(--el-fill-color-blank);
	border: 1px solid var(--el-border-color-light);
	border-radius: 4px;
	box-shadow: 0 0 12px rgb(0 0 0 / 5%);
}

// * content-box (常用内容盒子)
.content-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;

	.text {
		margin: 20px 0 30px;
		font-size: 23px;
		font-weight: bold;
		color: var(--el-text-color-regular);
	}

}

/**********************************  上图片文件 **********************************/


.avatar-uploader .el-upload {
	border: 1px dashed var(--el-border-color);
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
	border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	width: 70px;
	height: 70px;
	text-align: center;
}

.el-icon.avatar-uploader-icon1 {
	font-size: 28px;
	color: #8c939d;
	width: 240px;
	height: 150px;
	text-align: center;
}

.avatar-uploader .avatar {
	width: 70px;
	height: 70px;
	display: block;
}
.avatar-uploader .avatar1 {
	width: 240px;
	height: 150px;
	display: block;
}
.ellipsis{
	display: inline-block;
	width: 5em;
	/* 设置文本容器的宽度 */
	white-space: nowrap;
	/* 不换行 */
	overflow: hidden;
	/* 超出部分隐藏 */
	text-overflow: ellipsis;
	/* 显示省略号 */
}
.el-drawer__title{
	text-align: center;
	color:#333;
	font-size: 20px !important;
	font-weight: 600;
}

.el-date-editor .el-input__wrapper{
	width:100% !important
}
.table-box{
	height:auto
}
.table{
	height:auto
}
.el-menu-item{
	margin-left:0 !important
}

.customTab .el-tabs__item.is-active{
	background-color: #409eff;
	color:#fff;
	border-color:#409eff;
	border-radius: 2px;
}
.customTab .el-tabs__nav-scroll .el-tabs__nav {
	border-radius: 10px !important;
}

.el-tabs--card>.el-tabs__header {
	border-bottom: none !important;
	/* 去掉下划线 */
}

.el-tabs--card>.el-tabs__header .el-tabs__nav{
	border-bottom: 1px solid var(--el-border-color-light) !important;
}
